<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // 一.事件对象的兼容性
      // 1.直接通过形参接收变量 是主流浏览器写法
      // 2.如果是IE8 或者以下浏览器 window.event
      // document.onclick = function(e){
      //     // console.log(e);
      //     // var x = e.clientX;
      //     // var e = window.event;

      //     // var x = e.clientX;
      //     // console.log(x);
      //     var e = e || window.event; // 是一个兼容性写法；主要是用来兼容IE8 或者以下浏览器

      // }

      // 二、组合按键 : 就是通过 ctrl 、shift 、alt 来组合其他的按键触发某些功能
      // altKey /shiftKey  / ctrlKey  默认下都是false 如果按了对应的键 那么就会变成true
      document.onkeydown = function (e) {
        var e = e || window.event;
        console.log(e.shiftKey);
        var key = e.key;
        console.log(key);
        // 按了 alt+a 之后打印内容
        if (e.shiftKey && key == "C") {
          console.log("按了shift+c键");
        }
      };
    </script>
  </body>
</html>
